<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'scoreList.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link href="css/mytablecss.css" rel="stylesheet" type="text/css" />
<style>
#optionsDiv {
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: -20px;
	margin-top: -10px;
}

.checkAll {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 37px;
	text-align: center;
	z-index: 88;
}

.checkAll:hover {
	text-decoration: none;
	background: rgba(90, 152, 222, 0.8);
	color: #fff;
}
<<<<<<< HEAD

{
#myth {
	padding: 0;
	width: 80px;
}
=======
.checkAll:hover{
    text-decoration: none;
    background:rgba(90,152,222,0.8);
    color:#fff;
}{

>>>>>>> ecc6ac0e06b130ff648e19cfc1e64dc85d310fec
</style>
<script type="text/javascript">
	function render() {
		$('#optionsDiv input').iCheck({
			checkboxClass : 'icheckbox-blue',
			radioClass : 'iradio-blue',
			increaseArea : '20%'
		});
	}
</script>
</head>

<body>
	<h3 style="padding:15px;">成绩列表</h3>
	<a class="mybtn f-r mgr" id="create_btn" style="margin-top: -25px;">批量设置分数</a>
	<div class="pd-20">
		<div class="mt-20">
			<table
				class="table table-border table-bordered table-hover table-bg table-sort">
				<thead>
					<tr class="text-c">
						<!-- <th width="80">序号</th> -->
						<th width="200">专业</th>
						<th width="200">科目</th>
						<th width="200">问卷名称</th>
						<th width="200">姓名</th>
						<th width="200">成绩</th>
						<th width="200">完成时间</th>
						<th class="myth" style="padding: 0; width: 80px;"><a class="checkAll">标记全部</a></th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${requestScope.scoreList}" var="score">
						<tr>
							<td><c:out value="${score.major}"></c:out></td>
							<td><c:out value="${score.subject}"></c:out></td>
							<td><c:out value="${score.scale_name}"></c:out></td>
							<td><c:out value="${score.user_name}"></c:out></td>
							<td><c:out value="${score.score}"></c:out></td>
							<td><c:out value="${score.finish_time}"></c:out></td>
							<td>
								<div id="optionsDiv">
									<div class="check-box">
										<input type="checkbox" name="checkbox1">
									</div>
								</div>
							</td>
							<!-- <td class="td-manage"><a title="编辑" class="ml-5 edit"
									style="text-decoration:none" onclick="edit(this)"> <i
										class="Hui-iconfont">&#xe6df;</i></a> <a
									style="text-decoration:none" class="ml-5"
									onClick="alterPassword(this)" title="修改密码"> <i
										class="Hui-iconfont">&#xe63f;</i></a> <a title="删除"
									href="javascript:;" onclick="remove(this)" class="ml-5"
									style="text-decoration:none"> <i class="Hui-iconfont">&#xe6e2;</i></a>
								</td> -->
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(function() {
		render();
		$('.select').on('change', render);
		$('.checkAll').on('click', checkAll);
		$('.table-sort').dataTable({
			"aaSorting" : [ [ 0, "asc" ] ],//默认第几个排序
			"bStateSave" : true,//状态保存 
			"bRetrieve" : true,
			"aoColumnDefs" : [
			//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
			{
				"orderable" : false,
				"aTargets" : [ 6 ]
			} // 制定列不参与排序
			]
		});
		$('.myth').removeClass('sorting_desc');
	});
	function render() {
		$('#optionsDiv input').iCheck({
			checkboxClass : 'icheckbox-blue',
			radioClass : 'iradio-blue',
			increaseArea : '20%'
		});
	}
	function checkAll() {
		$('.icheckbox-blue').not('.checked').find('ins').trigger('click');
	}
</script>
</html>
